﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage2.master" AutoEventWireup="true" CodeFile="Quanngon.aspx.cs" Inherits="Quanngon" Title="Danh Mục Quán Ngon" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="CSS/default.css" rel="stylesheet" type="text/css" />
    <link href="CSS/quanngon.css" rel="stylesheet" type="text/css" />
    <link href="CSS/nivo-slider.css" rel="stylesheet" type="text/css" />
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#res-header ul li').click(function() {
                $('#res-header ul li').removeClass('active');
                $(this).addClass('active');
                return false;
            });
        });
    	</script>
    <style type="text/css">
        #menu-container ul li#quanngon a
        {
            color:#ffffff;
            width:146px;
            line-height:49px;
            font-size:14px;
            font-weight:bold;
            text-decoration:none;
            display:block;
            background-image:url(Images/menu-bg_hover.jpg);
            background-repeat:repeat-x; 
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);    
            behavior: url(CSS/PIE.htc);      
            box-shadow:0\9;
             }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="clearfix">
        <div id="left-pane">
            <div id="home-slide">
          <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <img alt='<%#Eval("TieuDe") %>' src='<%#Eval("DuongDan") %>' title='<%#"#"+Eval("SlideID") %>' />
                    </ItemTemplate>
                </asp:Repeater>
            </div>
                <asp:Repeater ID="Repeater3" runat="server">
                    <ItemTemplate>
                        <div id='<%#Eval("SlideID") %>' class="nivo-html-caption">
                <p style="font-size:14px;font-weight:bold"><%#Eval("TieuDe") %></p>
                <p style="font-size:14px;"><%#Eval("MoTa") %></p>
            </div>
                    </ItemTemplate>
                </asp:Repeater>
            
        </div>
    </div>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
            <div id="res-header" class="clearfix">
                <p>QUÁN NGON</p>
                <ul>
                   <li>
                       <asp:LinkButton ID="LinkButton1" runat="server">Xem nhiều</asp:LinkButton></li> 
                   <li>
                       <asp:LinkButton ID="LinkButton2" runat="server">Bình luận nhiều</asp:LinkButton>
                   <li class="active">
                       <asp:LinkButton ID="LinkButton3" runat="server">Mới nhất</asp:LinkButton> 
                </ul>
            </div>
            <div class="item_container">
                <ul class="clearfix">
                <asp:Repeater ID="rptRes" runat="server">
                <ItemTemplate>
                <li>
                    <div class="item">
                    <div class="item_image">
                       <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'> <img class="res-image" width="220" height="138" alt="" src='<%#Eval("HinhDaiDien") %>' /></a>
                    </div>
                     <div class="item_title">
                        <p>
                           <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><%#Eval("TenNhaHang")%></a>
                        </p>
                    </div>
                    <div class="mota">
                        <p><%#Eval("MoTa") %></p>
                    </div>
                    <div class="address">
                        <p><%# Eval("SoNha") %>, <%# Eval("Duong") %> ,<%#Eval("TenXaPhuong") %> ,<%# Eval("TenHuyenQuan") %>,Tỉnh <%# Eval("TenTinhThanhPho") %></p>
                        
                    </div>
                    
                </div>
                </li>
                </ItemTemplate>
            </asp:Repeater>
            </ul>
            </div>
            </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="right-pane">
            <div id="top-5-res">
        <div id="top-5-res-header">
            <p>Quán ngon nổi bật</p>
        </div>
        <div id="hot-news-line"></div>
        <div id="top-5-res-content">
            <asp:Repeater ID="Repeater2" runat="server">
                <ItemTemplate>
                    <div id="item-wrapper">
                    <div style="margin-bottom:8px;padding-left:5px;padding-top:8px;" id="res-title">
                        <a href='<%#"Nha-hang-chi-tiet.aspx?NhaHangID="+Eval("NhaHangID") %>'><%#Eval("TenNhaHang") %></a>
                        </div>
                    <div class="clearfix" style="border-bottom:solid thin #dfdfdf;padding-bottom:12px;padding-left:5px">
                        <div style="float:left;margin-top:2px;">
                        <span>
                            <asp:Rating ID="Rating1" runat="server" StarCssClass="ratingEmpty" WaitingStarCssClass="ratingSaved" EmptyStarCssClass="ratingEmpty" FilledStarCssClass="ratingFilled" CurrentRating='<%#Eval("RateValue") %>' ReadOnly="true">
                            </asp:Rating>
                        </span></div>
                        <div style="float:left"><span style="margin-left:20px;font-size:11px;color:#5f5f62;margin-top:0"> Lượt xem : <asp:Label ID="lblTop5ResViews" runat="server" Text='<%#Eval("LuotXem") %>' ForeColor="#5f5f62" Font-Size="11px"></asp:Label></span></div>
                       <div style="float:left"> <span style="margin-left:20px;font-size:11px;color:#5f5f62;">Bình luận :  
                            <asp:Label ID="lblTop5ResComment" runat="server" Text='<%#Eval("LuotBinhLuan") %>' Font-Size="11px"></asp:Label></span></div>
                    </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </div>
            <div style="margin-top:5px;">
            <img alt="" src="Images/Right-banner/right-bn1.jpg" width="288" />
            </div>
        </div>
    </div>
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider(
        {
            effect: 'fade',
            pauseTime: 5000
        });
    });
    </script>
</asp:Content>

